.inputBlock {
  display: flex;
  flex-direction: column;
  gap: 20px;

  & img {
    width: 540px;
    height: 180px;
  }

  .uploadButton {
    width: 100%;
    height: 36px;

    & button {
      width: 100%;
    }

    .imgOnButton {
      position: relative;
      top: -28px;
      left: 195px;
    }
  }
}

.buttonBlock {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.editSvg {
  fill: var(--color-light-100);

  &::before {
    content: '';

    position: absolute;
    top: -50%;
    left: -50%;
    transform: scale(0);

    display: block;

    width: 36px;
    height: 36px;

    background-color: var(--color-dark-500);
    border-radius: 50%;

    transition: all 0.3s;
  }

  &:hover::before {
    cursor: pointer;
    transform: scale(1);
  }

  &:hover:active::before {
    transform: scale(1);
    background-color: var(--color-dark-100);
    transition-delay: -0.5s;
  }

  &:hover:focus-visible::before {
    transform: scale(1);
    background-color: var(--color-dark-100);
  }
}
